//Map地图
//@x 地图的横向格子
//@y 地图的竖向格子
function Map(x, y) {
	this.x = x;
	this.y = y;
	//数组
	this.arr=[];
//	地图容器
	this.dom=document.createElement("div")
}

//渲染地图格子
Map.prototype.fill=function(){
	for (let i=0; i< this.x; i++){
//		创建横向div
		let dom_div=document.createElement("div");
//		给div加类名
		dom_div.classList.add("row");
		//创建横向数组
		let row_arr=[];
		for(let j=0; j <this.y; j++){
//			创建span标签
			let dom_span=document.createElement("span");
//			给span加类名
			dom_span.classList.add("col");
			//把span追加到横向数组里
			row_arr.push(dom_span);
//			把span加到div里
			dom_div.appendChild(dom_span);
		}
		//把创建的横向数组追加到this.arr里
		this.arr.push(row_arr);
//		把创建的div追加到this.dom里
		this.dom.appendChild(dom_div);
	}
//		给this.dom加类名
		this.dom.classList.add("box");
//		把创建的span追加到app里
		document.querySelector("#app").appendChild(this.dom);
}

//		清屏 把所有的小方格的背景颜色去掉
Map.prototype.clear=function(){
	for(let i=0; i<this.x; i++){
		for(let j=0; j<this.y;j++){
				map.arr[i][j].style.background="white"
		}
	}		
}